<template>
  <div class="download">
    <div class="first">
      <div>若您已安装了网易云音乐，</div>
      <div>↑ ↑请下拉并点击“打开”按钮↑ ↑</div>
    </div>
    <div class="second">(若无打开按钮，则 点此<span>打开</span> )</div>
    <div class="logo"></div>
    <div class="download-btn">立即下载</div>
  </div>
</template>

<script>
  export default {
    name:"DownLoadView"
  }
</script>

<style lang="scss" scoped>
.download{
  width: 100%;
  height: 100vh;
  background-image: url(@/../public/images/download-bgi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 0.13rem;
    text-align: center;
  .first{
    padding-top: 0.16rem;
  }
  .second{
    font-size: 0.12rem;
    color: #999;
    margin-top: 0.16rem;
    >span{
      text-decoration: underline;
    }
  }
  .logo{
    width: 1.08rem;
    height: 1.08rem;
    background-image: url(@/../public/images/logo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 1rem;
  }
  .download-btn{
    width: 1.88rem;
    height: 0.46rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #311412;
    border: 1px solid #7c6a69;
    border-radius: 0.04rem;
    font-size: 0.24rem;
    margin: 0 auto;
    margin-top: 0.4rem;
  }
}
</style>